<template>
  <div>
    <h3>子组件</h3>
    value_in_child:<input type="text" v-model="value_in_child" />

    <p v-for="item in list" :key="item.id">{{ item.name }}</p>

    <h1 @click="changeTitle">{{ title }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value_in_child: "",
      title: "我是子组件中的标题",
    };
  },
  props: ["list"],
  methods: {
    changeTitle() {
      this.$emit('titleChanged', "我是从子组件传过来的"); // 将子组件中的值传递给父组件
    },
  },
};
</script>